<{extend name="public/base"}>
<{block name="foot_source"}>
<script type="text/javascript" src="/static/webuploader/webuploader.js"></script>
<link rel="stylesheet" type="text/css" href="/static/webuploader/webuploader.css">
<{/block}>
<{block name="content"}>
<!-- left column -->
<div class="col-md-12">
    <!-- general form elements -->
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title"><{$title}></h3>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        <form role="form">
            <div class="box-body">
                <div class="form-group">
                    <label for="exampleInputEmail1">邮箱</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                </div>


            </div>
            <!-- /.box-body -->

            <div class="box-footer">
                <button type="submit" class="btn btn-primary">提交</button>
                <a href="javascript:;" id="openModal" class="btn btn-dropbox" >打开弹出框</a>
            </div>
        </form>
    </div>
    <!-- /.box -->
</div>



<!-- 弹出框 -->
<div class="modal fade" id="modal">
    <div class="modal-dialog" style="width: auto;" >
        <div class="modal-content" style="width: 60%;margin:0 auto;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="modal_title">用户列表</h4>
            </div>
            <div class="modal-body">
                <iframe id="modalIframe" width="100%" height="500px" frameborder="0"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default " data-dismiss="modal">    关  闭    </button>
            </div>
        </div>
    </div>
</div>




<{/block}>
<{block name="foot_script"}>
<script type="text/javascript">
    $(function(){
        $("#openModal").click(function(){
            var frameSrc = '/admin/ceshi/modal.html';
            $("#modalIframe").attr('src',frameSrc);
            $("#modal").modal();
        });

        $("#modal").on("hidden.bs.modal",function(){
            alert('正在关闭...');
        });
    });



</script>
<{/block}>

